<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./style.css">
  <style></style>
  <title>射击游戏</title>
</head>
<body>
  <div id="game" data-status="start">  
    <div class="game-panel">
      <section class="game-intro game-ui">
        <h1 class="section-title">射击游戏</h1>
        <p class="game-desc">这是一个令人欲罢不能的射击游戏，使用 ← 和 → 操作你的飞机，使用空格（space）进行射击。一起来消灭宇宙怪兽吧！</p>
        <p class="game-level">当前Level: 1</p>
        <button class="js-play button">开始游戏</button>
      </section>
      <section class="game-failed game-ui">
        <h1 class="section-title">游戏结束</h1>
        <p class="game-info-text">最终得分: <span class="score"></span></p>
        <button class="js-replay button">重新开始</button>
      </section>
      <section class="game-success game-ui">
        <h1 class="section-title">游戏成功</h1>
        <p class="game-next-level game-info-text"></p>
        <button class="js-next button">继续游戏</button>
      </section>
      <section class="game-all-success game-ui">
        <h1 class="section-title">通关成功</h1>
        <p class="game-next-level game-info-text">你已经成功地防御了怪兽的所有攻击。</p>
        <button class="js-replay button">再玩一次</button>
      </section>
    </div>
    <canvas id="canvas" width="700" height="600">
        <!-- 动画画板 -->
    </canvas>
  </div>
  <!-- gitee挂件 -->
  <a style="position: fixed; top: 0; right: 0;" href='https://gitee.com/cuitzhy/canvas-shoot-game'><img src='https://gitee.com/cuitzhy/canvas-shoot-game/widgets/widget_1.svg' alt='Fork me on Gitee' /></a>
  <!-- 主逻辑函数 -->
  <script src="./js/inheritPrototype.js"></script>
  <script src="./js/BaseCanvas.js"></script>
  <script src="./js/BaseCanvasElement.js"></script>
  <script src="./js/BulletCanvasElement.js"></script>
  <script src="./js/FighterCanvasElement.js"></script>
  <script src="./js/MonsterCanvasElement.js"></script>
  <script src="./js/MonsterGroupCanvasElement.js"></script>
  <script src="./js/ScoreCanvasElement.js"></script>
  <script src="./js/ShootingGameCanvas.js"></script>
  <script src="./js/game.config.js"></script>
  <script src="./js/app.js" ></script>
</body>
</html>

